﻿
@{
    ViewBag.Title = "Index";
    var F = @Html.F();
}
@section head {

    <style>
        .f-grid-cell-Actions .action {
            display: inline-block;
            vertical-align: middle;
        }
        /*.meixianghao>:first-child .f-panel-title-text {
            font-size:20px
        }
        .meixianghao .f-panel-body:nth-of-type(0) {
            background-color:red;
        }*/
    </style>

}

@{
    //F.PageManager.AjaxLoadingType(AjaxLoadingType.Mask);
}


@section body {
    @(
                F.Panel()
                 .ID("Panel1")
                 .ShowBorder(false)
                 .ShowHeader(false)
                 .Layout(LayoutType.Region)
                 .RegionSplitWidth(10)
                 .IsViewPort(true)
                 .Items(
                     F.Grid()
                         .ID("sys10List")
                         .RegionSplit(true)
                         .EnableCollapse(true)
                         .RegionPosition(Position.Left)
                         .Width(250)
                         .Title("角色列表")
                         .TitleToolTip("角色列表")
                         .ShowBorder(true)
                         .ShowHeader(true)
                         .BodyPadding(5)
                         .ShowGridHeader(false)
                         .DataIDField("System_10_10")
                         .Listener("rowselect", "sys10List_select")
                         .Columns(
                             F.RowNumberField(),
                             F.RenderField()
                                .HeaderText("角色名称")
                                .ExpandUnusedSpace(true)
                                .DataField("System_10_20")
                         )
                         .Toolbars(
                            F.Toolbar()
                            .Items(
                                F.DefaultGridBtn("sys10List")
                                )
                         )
                         .DataSource(ViewBag.griddata),
                     F.Panel()
                     .RegionPosition(Position.Center)
                     .ShowBorder(false)
                     .ShowHeader(false)
                     .Layout(LayoutType.VBox)
                     .Items(
                         F.Form()
                         .ID("EditForm")
                         .Title("角色编辑")
                         .BoxFlex(1)
                         .BodyPadding(5)
                         .Layout(LayoutType.VBox)
                         .BoxConfigAlign(BoxLayoutAlign.Stretch)
                         .BoxConfigPosition(BoxLayoutPosition.Center)
                         //.AddTool(IconFont.Search, "search_Click()")
                         //.EnableCollapse(true)
                         .LabelWidth(70)
                         .Rows(
                             F.FormRow()
                             .ColumnWidths("33% 66%")
                             .Items(
                                 F.TextBox()
                                 .Label("角色名称")
                                 .ID("txtstr20")
                                 .Attribute("data", "System_10_20"),
                                 F.Panel().ID("btnpanel").Hidden(true)
                                 .ShowBorder(false).ShowHeader(false).Layout(LayoutType.HBox).BoxConfigChildMargin("0 10 0 0")
                                 .Items(
                                        F.Button()
                                        .ID("btnsys10save")
                                        .OnClientClick("btnsys10save_Click()")
                                        .Text("保存"),
                                        F.Button()
                                        .ID("btnclose")
                                        .Text("取消")
                                        .OnClientClick("btnclose_Click()")
                                        )
                                     )
                             ),
                         F.TabStrip()
                         .BoxFlex(6)
                         .Tabs(
                             F.Tab()
                             .Title("包含用户")
                             .Items(
                                 F.Grid()
                                     .ID("Grid1")
                                     .ShowBorder(false)
                                     .ShowHeader(false)
                                     .EnableCheckBoxSelect(true)
                                     .EditWindow(true)
                                     .DataIDField("System_1_10")
                                     .Toolbars(
                                         F.Toolbar()
                                         .Items(
                                             F.Button()
                                             .ID("btnnew")
                                             .IconFont(IconFont.Plus)
                                             .OnClientClick("btnnewuser_Click()")
                                             .Text("新增用户"),
                                             F.Button()
                                             .ID("btndel")
                                             .IconFont(IconFont.Close)
                                             .OnClientClick("bendeluser_Click()")
                                             .Text("删除用户")
                                             )
                                         )
                                     .Columns(
                                          F.RowNumberField(),
                                          F.RenderField()
                                              .HeaderText("ID")
                                              .Hidden(true)
                                              .DataField("System_1_10"),
                                          F.RenderField()
                                              .HeaderText("用户登录名")
                                              .ExpandUnusedSpace(true)
                                              .DataField("System_1_20"),
                                          F.RenderField()
                                              .HeaderText("手机")
                                              .ExpandUnusedSpace(true)
                                              .DataField("System_1_40"),
                                          F.RenderField()
                                              .HeaderText("姓名")
                                              .ExpandUnusedSpace(true)
                                              .DataField("System_1_120"),
                                          F.RenderField()
                                              .HeaderText("邮箱")
                                              .ExpandUnusedSpace(true)
                                              .DataField("System_1_140")
                                           )
                                     .DataSource(ViewBag.Grid1data)
                                     ),
                                     F.Tab()
                                     .Title("权限配置")//.AutoScroll(true)
                                     .Layout(LayoutType.Fit)
                                     .Items(
                                         F.Grid()
                                         .ID("Sys7Grid")
                                         .ShowBorder(false)
                                         .ShowHeader(false)
                                         .EnableCheckBoxSelect(true)
                                         .DataIDField("System_7_10")
                                         .EnableTextSelection(true)
                                         .EnableHeaderMenu(false)
                                         .AllowPaging(false)
                                         //.KeepCurrentSelection(true)
                                         .CheckBoxSelectOnly(true)
                                         .EnableSimulateTree(true)
                                         .Columns(
                                              F.RowNumberField(),
                                              F.RenderField()
                                              .Hidden(true)
                                              .DataField("System_7_10"),
                                              F.RenderField()
                                              .HeaderText("菜单")
                                              .Width(300)
                                              .DataField("System_7_20")
                                              .DataSimulateTreeLevelField("_TreeLevel"),
                                              F.RenderField()
                                              .HeaderText("按钮")
                                              .ColumnID("sys7List")
                                              .ExpandUnusedSpace(true)
                                              .RendererFunction("renderSys7")
                                             )
                                             .DataSource(ViewBag.sys7griddata)
                                             .SelectedRowIDArray(ViewBag.sys7selectdata)
                                             .Listener("dataload", "onGridDataLoad")
                                             .Listener("rowselect", "Sys7Grid_select")
                                             .Listener("rowdeselect", "Sys7Grid_deselect")
                                         )

                                 )
                             )
                         )
    )
    )
}
@section script {
    <script>
        F.ready(function () {
            //选择第一行
            F.ui.sys10List.selectRow(0);
        })

        //新增
        function sys10Listnew_Click() {
            setuse(true)
            F.ui.txtstr20.setValue("");
            F.ui.EditForm.DataID = "0";
            F.ui.sys10List.clearSelection();
            F.ui.Sys7Grid.setEnabled(false);
        }
        //修改
        function sys10Listedit_Click() {
            setuse(true);
        }
        //删除
        function sys10Listdelete_Click() {
            var sys10 = F.ui.EditForm.DataID;
            F.doPostBack('@Url.Action("sys10Listdelete_Click")', {
                str10: sys10
            });
        }

        //保存
        function btnsys10save_Click() {
            //F.ui.sys10List.selectRow(0);
            setuse(false);
            var sys10 = F.ui.EditForm.DataID;
            var str20 = F.ui.txtstr20.getValue();
            F.doPostBack('@Url.Action("btnsys10save_Click")', {
                str10: sys10,
                str20: str20,
                sys10field: F.ui.sys10List.fields
            });
        }

        //取消
        function btnclose_Click() {
            var rowid = F.ui.btnclose.upID;
            F.ui.sys10List.selectRow(rowid);
            F.ui.Sys7Grid.setEnabled(true);
            setuse(false);
            //sys10List_select(null, rowid, null);
        }
        //选择角色改变事件
        function sys10List_select(e, rowId, rowIndex) {
            setuse(false);
            var data = F.ui.sys10List.getRowData(rowId);
            F.ui.txtstr20.setValue(data.values.System_10_20);
            F.ui.EditForm.DataID = rowId;
            F.ui.btnclose.upID = rowId;//用于新增后取消还原

            F.doPostBack('@Url.Action("sys10_selectchange")', {
                str10: rowId,
                Sys7Gridfields: F.ui.Sys7Grid.fields,
                Grid1fields: F.ui.Grid1.fields
            });
        }
        //选择菜单改变事件
        function Sys7Grid_select(e, rowId, rowIndex) {
            var s = F.ui.Sys7Grid.getSelectedRows();
            var sc = "1";
            var sys10 = F.ui.EditForm.DataID;
            F.doPostBack('@Url.Action("Sys7Grid_selectchange")', {
                sys10: sys10,
                str10: rowId,
                check: sc
            });
        }

        //取消选择
        function Sys7Grid_deselect(e, rowId, rowIndex) {
            var s = F.ui.Sys7Grid.getSelectedRows();
            var sc = "0";
            var sys10 = F.ui.EditForm.DataID;
            F.doPostBack('@Url.Action("Sys7Grid_selectchange")', {
                sys10: sys10,
                str10: rowId,
                check: sc
            });
        }

        //这只是否可用 true可用
        function setuse(b) {
            F.ui.EditForm.fieldReadnly(!b);//编辑
            if (b) {
                F.ui.btnpanel.show();
            } else {
                F.ui.btnpanel.hide();
            }
        }

        //绘制按钮列表
        function renderSys7(value, params) {
            return '<div class="sys7List sys7CheckList" data="' + params.rowData.values.System_7_10 + '"></div>';
        }

        // 表格数据加载完毕
        function onGridDataLoad() {
            var grid = this;
            if (grid.sys7listdata) {
                var sys7data = this.sys7listdata;
                var sys10 = F.ui.EditForm.DataID;
                grid.bodyEl.find('.f-grid-cell-sys7List .sys7CheckList').each(function () {
                    var sys7CheckList = $(this);
                    var str10 = sys7CheckList.attr("data");
                    var v = sys7data.find(function (v) { return v.str10 == str10 });
                    if (v) {
                        var checkbaox = new F.CheckBoxList({
                            id: 'CheckBoxList' + str10,
                            sys7str10: str10,
                            columnNumber: 'auto',
                            data: v.data,
                            value: v.value,
                            renderTo: sys7CheckList,
                            listeners: {
                                change: function (e, item, checked) {
                                    var str10 = this.sys7str10;
                                    var sys8list = this.getValue();
                                    F.doPostBack('@Url.Action("sys7_selectchange")', {
                                        str10: str10,
                                        sys10: sys10,
                                        sys8list: sys8list
                                    });
                                },
                                layout: function () {
                                    $('#' + this.id).find("td.f-field-checkboxlist-item").css("padding-right", "5px");
                                    $('#' + this.id).find("span.f-field-checkbox-icon").css("margin", "6px 4px 6px 0px");
                                }
                            }
                        });
                        checkbaox.doLayout();
                    }
                });
                // 动态创建的按钮会导致表格内内容错位，需要重新布局
                grid.doLayout();
            }
        }

        //选择用户
        function btnnewuser_Click() {
            F.ui.Grid1.editurl = '@Url.Content("~/system/system1/userselect")';
            var uid = [];
            uid.push("-1");
            var rows = F.ui.sys10List.getSelectedRows();
            F.ui.Grid1.showEdit(false, "uid=" + uid.join("','") + "&sys10id=" + rows + "", "选择用户");
        }

        //选择完回调
        function selectuser(uid) {
            //绑定人员 刷新Grid
            //F.alert(uid.length+JSON.stringify(uid))
            var sys10 = F.ui.EditForm.DataID;
            if (uid && uid.length > 0) {
                F.doPostBack('@Url.Action("selectuser")', {
                    str10: sys10,
                    uid: uid,
                    Grid1field: F.ui.Grid1.fields
                });
            }
        }
        //删除关系
        function bendeluser_Click() {
            var rows = F.ui.Grid1.getSelectedRows();
            var sys10 = F.ui.EditForm.DataID;
            F.doPostBack('@Url.Action("bendeluser")', {
                str10: sys10,
                uid: rows,
                Grid1field: F.ui.Grid1.fields
            });
        }
    </script>
}
